import { NavBar } from 'antd-mobile'
import { LeftOutline, BellOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'
import style from './index.module.css'

function Index(){
  const nav = useNavigate()
  return (
    <div className={style.page}>
      <NavBar backArrow={<LeftOutline />} onBack={() => nav(-1)}>系统通知</NavBar>
      <div className={style.meta}>星期四 上午 10:34</div>
      <div className={style.card}>
        <div className={style.header}>
          <div className={style.iconCircle}><BellOutline/></div>
          <div className={style.bullet}>感谢使用【妙手医生】服务！</div>
        </div>
        <div className={style.line}>挂号、问诊、购药，上妙手医生！</div>
        <div className={style.line}>★ 近期热门推荐</div>
        <div className={style.line}>★ 名医直播义诊，医生与你面对面</div>
        <div className={style.line}><a className={style.link}>点击进入！</a></div>
        <div className={style.line}>★ 我们提供便捷的就医服务</div>
        <div className={style.line}>我要 👉 预约挂号</div>
        <div className={style.line}>我要 👉 极速问诊</div>
        <div className={style.line}>我要 👉 专家问诊</div>
        <div className={style.line}>★ 您的专属服务</div>
        <div className={style.line}>☞ 我的医生</div>
        <div className={style.line}>☞ 我的问诊记录</div>
        <div className={style.line}>☞ 我的用药记录</div>
        <div className={style.line}>☞ 我的挂号记录</div>
      </div>
    </div>
  )
}

export default Index

